// 从cookie中获取存起来的用户名
var username=getCookie('username')
if(username){
    $('.pagetop-content p').html(`
	汪，欢迎来天猫~
        <a href="userInfo.html" target="_Blank"  style="font-size:14px;">${username}</a> 用户
		<a onclick="logout()" target="_Blank">退出登录</a>
    `)
}

// 定义退出函数
function logout(){
    // 询问层
    layer.confirm('你确定要退出吗？', {
        btn: ['残忍离开', '考虑一下']
    }, function(){
        // 将内容还原
        $('.pagetop-content p').html(`
		汪，欢迎来天猫
			<a href="login.html" target="_Blank">请登录</a>
			<a href="register.html" target="_Blank">免费注册</a>
		`)
        // 删除cookie
        removeCookie('username')
        removeCookie('userId')
        localStorage.removeItem('token')
        layer.msg('退出成功', {
            icon: 1,
            time: 1500
        })
    }, function(){
        layer.msg('取消成功', {
            icon: 1,
            time: 1500
        })
    })
}

// 定义请求的数据
var current = 1
var pagesize = 6
var category = decodeURI(location.search.match(/category=([^&]+)/)[1]) || ''
// 发送数据
getData()
function getData(){
	$.get('http://localhost:8888/goods/list',{
		current,
		pagesize,
		category
	}).then(res =>{
		console.log(111111,res);
		
		if(res.code ===1){
			// 动态渲染
			var html=''
			res.list.forEach(item => {
				html += `
				<div class="mian-item">
					<a href="showShop.html?id=${item.goods_id}">
						<img src="${item.img_big_logo}" class="shopImg">
					<a>
					<div class="addCart"><img src="images/car.png" width="45px" height="45px"><span>添加进购物车</span></div>
					<div class="price"><span>¥</span><b>${item.price}</b></div>
					<div class="text">
						<h1>${item.title}</h1>
					</div>
				</div>
				`
			})
			$('.main .allItem').html(html)
			$('.main .coolItem').html(html)
			// 购物车动画
			addCart()

			// 动态渲染页面
			var totalPage = Math.ceil(res.total / pagesize)
				var pageHTML = `
					<li onclick="firstPage()">首页</li>
					<li onclick="prevPage()">上一页</li>
				`
				// 判断总页数 - 一直显示5个页码
				// 总页数大于5
				if(totalPage > 5){
					// 当前页<=3
					if(current <= 3){
						// 1~5
						for(var i=1;i<=5;i++){
							pageHTML += `<li onclick="toPage()" ${i === current ? 'class="active"' : ''}>${i}</li>`
						}
					}
					// 当前页>=总页数-2
					else if(current >= totalPage - 2){
						for(var i=totalPage - 4;i<=totalPage;i++){
							pageHTML += `<li onclick="toPage()" ${i === current ? 'class="active"' : ''}>${i}</li>`
						}
					}
					// 当前页在中间
					else{
						for(var i=current - 2;i<=current + 2;i++){
							pageHTML += `<li onclick="toPage()" ${i === current ? 'class="active"' : ''}>${i}</li>`
						}
					}
				}
				// 总页数不大于5
				else{
					// 1~总页数
					for(var i=1;i<=totalPage;i++){
						pageHTML += `<li onclick="toPage()" ${i === current ? 'class="active"' : ''}>${i}</li>`
					}
				}

				pageHTML += `
					<li onclick="nextPage(${totalPage})">下一页</li>
					<li onclick="lastPage(${totalPage})">末页</li>
					<li class="count">共${totalPage}页</li>
					<li class="dao">到</li>
					<li class="pagenum"><input type="text" name="pagenum"></li>
					<li class="ye">页</li>
					<li class="gobtn" onclick="go(this, ${totalPage})"><button>确定</button></li>
				`
				// 判断list数据是否为空
				if(!res.list.length){
					$('.page ul').text('当前条件下暂无商品，请切换条件！')
					return
				}
				$('.page ul').html(pageHTML)
				// 取消加载层
				// layer.close(loadId)
		}
	})
}

// 定义分页的点击事件
function nextPage(totalPage){
    current++
    if(current > totalPage){
        current = totalPage
    }
    getData()
}
function firstPage(){
    current = 1
    getData()
}
function lastPage(totalPage){
    current = totalPage
    getData()
}
function prevPage(){
    current--
    if(current < 1){
        current = 1
    }
    getData()
}
function go(ele, totalPage){
    // console.log(ele);
    var page = $(ele).prev().prev().find('input').val()
    if(page && !isNaN(page)){
        current = page-0
    }
    if(current > totalPage){
        current = totalPage
    }
    if(current < 1){
        current = 1
    }
    getData()
}
// 购物车动画
function addCart(){
	var offset = $("#end").offset();
    $(".addCart").click(function(event){
        var addCart = $(this);
        var img = addCart.parent().find('.shopImg').attr('src');	//获取当前图片点击链接
        var flyer = $('<img class="u-flyer" src="'+img+'">');		//fly对象

        console.log(event.pageX+event.pageY);
        flyer.fly({
            start: {
                left:event.pageX,
                top:150
            },
            end: {
                left: 1680,
                top: 260,
                width: 0,
                height: 0
            },
            onEnd: function(){
                $("#msg").show().animate({width: '200px'}, 200).fadeOut(500);
                addCart.css({"background":"red","cursor":"default"}).unbind('click');
                addCart.find('span').text('已经添加进购物车');
                this.destory();
            }
        });
    });
}




